<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml" id="html">
<head>
<title></title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<base href="<?= base_url(1); ?>" />
<link type="text/css" href="css/main.css?v=<?= $config['version'] ?>"
	rel="stylesheet" />
<script src="js/time.js?"></script>
<script type="text/javascript">         	

            function addp()
            {
            	var i = document.getElementsByName("childP").length;
                //alert(i);
                //i++; //移除之后，数据加1
                
                str = '<table id ="p'+i+'" width="100%" name="childP">'+    
	                	'<tr><td>&nbsp;</td><td>&nbsp;</td></tr>'+            
		              '<tr>'+
		                '<td><div align="center">'+
		                    '<?= translate("ACTIVITY_ACTIVITYEDIT_DIAMOND") ?>'+
		                  '</div></td>'+
		                '<td >'+
		                  '<input type="text" name="row[diamond][]" id="diamond'+i+'" >'+
		                '</td>'+
		               '</tr>'+
		               '<tr>'+
		                '<td><div align="center">'+
	                    '<?= translate("ACTIVITY_ACTIVITYEDIT_OBJECT") ?>'+
	                  '</div></td>'+
	                  '<td>'+
		                    '<input type="text" size="39" placeholder="<?= translate("PLASE_INPUT_ITEM") ?>" '+ 
	                          	' name="row[giftbag_id][]" id="giftbag_id'+i+'"class="autocomplete" table="type_object" />'+
		              '</td>'+
	              	'</tr>'+
				   '<tr>'+
			              '<td><div align="center">'+
		                    '<?= translate("ACTIVITY_ACTIVITYEDIT_NAME") ?>'+
		                  '</div></td>'+
		                  '<td >'+
		                  	'<input type="text" name="row[titledescribe][]" id="titledescribe'+i+'" >'+
			              '</td>'+
		              	'</tr>'+
		              '</table>';
                //alert(str);	
                $("#add").append(str);
                autocomplete();
                $("#titledescribe"+i).formValidator({empty: false, onshow: '<?= translate('C_NOT_EMPTY') ?>'}).inputValidator({min: 1, onerrormin: '<?= translate('C_NOT_EMPTY') ?>'});
                $("#diamond"+i).formValidator({empty: false, onshow: '<?= translate('C_ONLY_NUM') ?>'}).regexValidator({regexp: 'num', datatype: 'enum', onerror: '<?= translate('C_ONLY_NUM') ?>'});
                $("#giftbag_id"+i).formValidator({empty: false, onshow: '<?= translate('PLASE_SELECT') ?>'}).inputValidator({min: 1, onerrormin: '<?= translate('C_NOT_EMPTY') ?>'});
                
            }
            function removep()
            {
            	var i = document.getElementsByName("childP").length-1;
                //alert(i);
                if (i > 0)
                {
                    //alert(i);
                    $("#p" + i).remove();
                    //i--;
                }
            }

        </script>
</head>
<body>
<?php include(VIEWPATH . 'common/main_header.php'); ?>
<?php //var_dump($row);?>
<div align="center">
		<th><?= translate('ACTIVITY_ACTIVITYEDIT_CONSUME') ?></th>
	</div>
	<form action="" method="POST" id="rowForm">
		<table width="100%" border="0" cellspacing="1" cellpadding="0"
			class="tablegrid tableedit">
			<!-- 
            	<tr>
            	  <td colspan="2"><div align="center"><?= translate('ACTIVITY_ACTIVITYEDIT_FIRSTRECHARGE') ?></div></td>
            	</tr>
				 -->
      <?php for( $i = 0; $i < count($row); ++$i) {?>
    <table id="p<?=$i ?>" width="100%" name="childP">
				<tr>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
				</tr>
				<tr>
					<td><div align="center">
            <?= translate('ACTIVITY_ACTIVITYEDIT_DIAMOND')?>
          </div></td>
					<td><input type="text" name="row[diamond][]" id="diamond<?=$i ?>"
						value="<?= $row[$i]['diamond'] ?>"></td>
				</tr>
				<tr>
					<td><div align="center">
            <?= translate('ACTIVITY_ACTIVITYEDIT_OBJECT')?>
          </div></td>
					<td><input type="text" size="39"
						placeholder="<?= translate('PLASE_INPUT_ITEM') ?>"
						name="row[giftbag_id][]" id="giftbag_id<?=$i ?>"
						value='<?=$row[$i]['giftbag_id'] ?>' class="autocomplete"
						table="type_object" /></td>
				</tr>
				<tr>
					<td><div align="center">
            <?= translate('ACTIVITY_ACTIVITYEDIT_NAME')?>
          </div></td>
					<td><input type="text" name="row[titledescribe][]"
						id="titledescribe<?=$i ?>"
						value="<?= $row[$i]['titledescribe'] ?>"></td>
				</tr>
			</table>
    <? } ?>
    <p id="add"></p>

			<table width="100%">
				<tr>
					<td><div align="center">
							<input type="button" onClick="addp()"
								value="<?= translate('ADD_ONE') ?>" />
						</div></td>
					<td><div align="center">
							<input type="button" onClick="removep()"
								value="<?= translate('REMOVE_ONE') ?>" />
						</div></td>
				</tr>
				<tr>
					<td><div align="center">
							<input type="hidden" name="row[isEver]"
								value="<?= $row['isEver'] ?>"> <input name="submit"
								type="submit" id="submit" value="<?= translate('SUBMIT') ?>" />
						</div></td>
					<td><div align="center">
							<input type="reset" value="<?= translate('RESET') ?>" id="reset" />
						</div></td>
				</tr>
			</table>
		</table>
	</form>
	<script type="text/javascript">
            SG.init("core.form", function() 
            {
                $.formValidator.initConfig({formid: "#rowForm", submitonce: true});
                for(var count =0; count < <?=count($row) ?>; ++count)
                {
                	$("#diamond"+count).formValidator({empty: false, onshow: '<?= translate('C_ONLY_NUM') ?>'}).regexValidator({regexp: 'num', datatype: 'enum', onerror: '<?= translate('C_ONLY_NUM') ?>'});
                	$("#giftbag_id"+count).formValidator({empty: false, onshow: '<?= translate('PLASE_SELECT') ?>'}).inputValidator({min: 1, onerrormin: '<?= translate('C_NOT_EMPTY') ?>'});
                	$("#titledescribe"+count).formValidator({empty: false, onshow: '<?= translate('C_NOT_EMPTY') ?>'}).inputValidator({min: 1, onerrormin: '<?= translate('C_NOT_EMPTY') ?>'});
                }
            });
        </script>
</body>
</html>
